import styled from 'styled-components'

export const Footer = styled.div `
    height: 115px;
    background-color: #f2f2f2;
    .content{
        display: flex;
        justify-content: space-between;
    }
    .content{
      padding-bottom: 50px;
    }
`

export const FooterLeft = styled.div `
    height: 115px;
    padding-top: 15px;
    .service-list{
        color: #999999;
        height: 24px;
        a{
            display: inline-block;
            height: 14px;
            line-height: 14px;
            padding: 0 8px 0 10px;
            border-right:1px solid #C2C2C2;
        }
        a:nth-child(1){
            padding: 0 8px 0 0;
        }
    }

    .right{
        height: 24px;
        line-height: 24px;
        span:nth-child(1){
            padding-right: 15px;
        }
    }
    .report{
        height: 24px;
        line-height: 24px;
        span:nth-child(1){
            padding-right: 15px;
        }
    }
    .police{
        height: 24px;
        line-height: 24px;
        span:nth-child(1){
            padding-right: 15px;
        }
        .police-icon{
            width: 14px;
            height: 14px;
            background: url("https://s2.music.126.net/style/web2/img/3rd/police.png?40326ee372c3ebf659dcbafe131ffb73") no-repeat center ;
            margin-right: 2px;
            background-size: cover;
        }
    }

`

export const FooterRight = styled.div `
    height: 115px;
    display: flex;
    align-items: center;

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 40px;

  .link {
    display: block;
    width: 50px;
    height: 45px;

    background-image: url(${require("@/assets/img/sprite_footer_02.png").default});
    background-size: 110px 450px;
  }

  :nth-child(1) .link {
    background-position: -60px -101px;
  }
  :nth-child(2) .link {
    background-position: 0 0;
  }
  :nth-child(3) .link {
    background-position: -60px -50px;
  }
  :nth-child(4) .link {
    background-position: 0 -101px;
  }

  .title {
    margin-top: 5px;
    margin-left:2px;
  }
}
`